﻿@charset "UTF-8";
.ui-page { -webkit-backface-visibility: hidden; }
body { color: #333; background: #f0f0f0; font-size: 16px; font-family: Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; margin: 0px; padding: 0px; }
* { font-family: Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; /*-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/ -webkit-tap-highlight-color: rgba(0,0,0,0); }

h2.box-name { margin: 0px; position: relative; z-index: 100000; font-size: 14px; color: #666; padding: 5px 10px 8px; }
.main { margin: 0px auto; padding: 0px 10px; }
.content { padding-bottom: 44px; max-width: 500px; margin: 0px auto; }
.header { background: #2cbed7; -webkit-box-shadow: 0px 0px 2px #999; -moz-box-shadow: 0px 0px 2px #999; box-shadow: 0px 0px 2px #999; height: 64px; width: 100%; border-width: 0px; }
.header h1 { padding: 0px; font-size: 18px; font-weight: normal; margin-top: 28px; color: #fff; -webkit-text-shadow: 0px 1px 0px #999; -moz-text-shadow: 0px 1px 0px #999; text-shadow: 0px 1px 0px #999; }

.coupon-tag { display: none; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: end; position: absolute; top: -23px; right: -32px; width: 70px; height: 50px; font-size: 11px; padding: 0px 0px 5px; color: #fff; -webkit-transform: rotate(45deg); line-height: 13px; }
.goods-item-tag { display: none; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: end; position: absolute; top: -25px; left: -25px; width: 50px; height: 50px; font-size: 11px; padding: 4px 6px 2px; color: #fff; -webkit-transform: rotate(-45deg); line-height: 13px; }
.toolbar { background-color: rgba(255,255,255,0.9); padding: 0px; width: 100%; height: 44px; -webkit-box-shadow: 0px 0px 2px #999; -moz-box-shadow: 0px 0px 2px #999; box-shadow: 0px 0px 2px #999; position: fixed; left: 0px; bottom: 0px; }
.toolbar a, .toolbar div { display: block; float: left; padding: 10px 15px 0px; height: 34px; color: #333; font-size: 16px; }
.toolbar a { float: left; text-decoration: none; font-size: 16px; }
.toolbar div { float: right; }
.line { margin-top: 10px; clear: both; position: relative; }

.line.needprice { padding: 5px 0px 0px; font-size: 14px; color: #666; }
.line.needprice i { float: left; font-style: normal; }
.line.needprice strong { font-size: 18px; margin-left: 5px; }
.line.needprice em { font-style: normal; display: inline-block; float: right; margin-top: 3px; }
.tip { color: #999; font-size: 14px; margin-top: 20px; text-align: center; padding-bottom: 10px; }
.tip a { color: #666; font-size: 14px; margin-top: 20px; text-align: center; padding-bottom: 10px; text-decoration: underline; }

.line.main-img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fff; }
.line.main-img img { width: 100%; margin: 0px; }
.line.main-img em { display: block; padding: 2px 5px 5px; font-size: 14px; font-weight: normal; text-align: center; font-style: normal; margin: 0px; color: #999; }
.line.main-img h3, .line.main-info h4 { padding: 5px 10px; margin: 0px; font-size: 15px; color: #222; }
.line.main-info { padding: 0px 10px 10px; background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; }
.line.main-info h4 { padding-top: 10px; }
.line.main-info p { color: #777; padding: 0px 10px; margin: 0px 0px 5px; font-size: 14px; line-height: 20px; overflow: hidden; }
.line.main-info a { text-decoration: none; }
.line.message { padding: 15px; background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.line.message h3 { padding: 0px; margin: 0px; color: #690; font-size: 18px; }
.line.message p { color: #777; padding: 10px 0px 0px; margin: 0px; font-size: 14px; line-height: 20px; overflow: hidden; word-break: break-all; }
.line.message p strong { color: #333; }
.line.message a { text-decoration: none; }
.navbar ul { padding: 10px 15px; font-size: 16px; list-style: none; margin: 0px; }
ul:after, .line:after, .ui-input-select:after { content: ""; display: table; clear: both; }
.navbar li { display: list-item; float: left; margin: 0px; padding: 0px; width: 50%; }
.navbar li a { padding: 5px; border-width: 1px; border-style: solid; font-size: 14px; text-decoration: none; display: block; text-align: center; }
.navbar li a:active { background: #fafafa; }
.navbar li .ui-btn-active { color: #FFF; }
.navbar li a.a { border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
.navbar li a.b { border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
.tb { background: #FFF; width: 100%; font-size: 14px; }
.tb a { text-decoration: none; }
.tb .record { padding: 10px 15px; height: 40px; overflow: hidden; border-top: 1px solid #eee; }
/*.tb .record:nth-child(even){ background-color:#eee; }*/

.tb span { display: block; float: left; font-size: 13px; }
.coupon .info:after, .tb-coupon, .tb:after, .tb .record:after, .record div:after { content: ""; display: table; clear: both; }
.record div { float: left; width: 220px; }
.record .tb-title span { color: #999; }
.record .title, .tb .time { width: 100%; }
.record .title { font-size: 16px; font-weight: bold; line-height: 24px; color: #333; }
.record .time { color: #aaa; font-size: 12px; line-height: 18px; }

.record .state { width: 50px; text-align: center; line-height: 28px; float: right; color: #C9A70B; background: #f1f1f1; font-size: 12px; margin-top: 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.record .state.gofor { background: #81BA39; color: #fff; }
.record .state.succeed { color: #81BA39; }
.record .state.failed { color: #666; }
.tb-coupon { width: 100%; font-size: 14px; padding: 0px 0px 10px; border-top: 1px solid #d1d1d1; }
.tb-coupon .coupon { margin: 10px 15px 0px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 0px solid #ddd; border-left: 1px solid #ddd; position: relative; overflow: hidden; }
/*.coupon .topline{
	background: url(http://dui88.qiniudn.com/assets/images/topline.png) repeat-x left bottom;
}
.coupon .bottomline{
	background: url(http://dui88.qiniudn.com/assets/images/bottomline.png) repeat-x left bottom;
}*/
.coupon .topline, .coupon .bottomline { height: 5px; background-size: 11px 5px; }

.coupon .box { background: #FFF; padding: 20px 10px 10px; }
.coupon .title { text-align: left; padding: 5px; background: #f4f4f4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; color: #999; margin: 0px 0px 10px; position: relative; }
.coupon .title em { font-style: normal; margin-right: 5px; position: relative; }
.coupon .title strong { color: #333; font: bold 14px "Courier New"; position: relative; }
.coupon .info { width: 100%; padding: 5px 0px; }
.coupon .info .left { float: left; color: #666; }
.coupon .info .name { }
.coupon .info .name, .coupon .info .expired { display: block; line-height: 20px; }
.coupon .info .right { float: right; }

.coupon .info .right img { height: 40px; }
.coupon .getdata { color: #CCC; text-align: center; padding: 3px 0px 0px; border-top: 1px dotted #eee; font: 11px Georgia, "Times New Roman", Times, serif; }
.coupon .more { }
.coupon .more i, .coupon .detail i { background: url(http://dui88.qiniudn.com/assets/images/icon-arrows.png) no-repeat; background-size: 12px auto; margin: 0px auto; height: 15px; width: 15px; display: block; }
.coupon .detail a { text-decoration: none; }
.coupon .detail { border-top: 1px dotted #eee; height: auto; display: none; font-size: 12px; overflow: hidden; }
.coupon .detail p { padding: 5px 0px; }
.coupon .more i { background-position: center 6px; }
.coupon .detail i { background-position: center -11px; }
.ui-select { border-width: 1px; border-style: solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-color: #999; background-color: #fff; }
.ui-select select, .ui-select option { border-width: 0px; background-color: #fff; font-size: 16px; padding: 10px; display: block; }
.ui-select span { padding: 10px; text-align: left; display: block; }

.ui-select .ui-btn-icon-right { background-image: url(../images/icons-18-white.png); background-repeat: no-repeat; background-size: 18px; background-position: 98% 10px; }
.ui-field-contain { margin: 0px; padding: 0px; }
.ui-text { padding: 5px 5px 5px 0px; color: #666; }
.ui-text strong { color: #F60; }

.ui-select-box .ui-input-select { border-width: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-top: 1px solid #eee; background-color: rgba(255,255,255,0); }
.ui-select-box .ui-input-select:first-child { border-width: 0px; border-width: 0px; }
.ui-select-box, .ui-input-text, .ui-input-select { border-width: 1px; border-style: solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-color: #ccc; background-color: #fff; position: relative; overflow: hidden; }
.ui-input-select:active { background: #CCC; }
.ui-input-text input, .ui-input-select select, .ui-input-select option { outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* Android */ -webkit-focus-ring-color: rgba(0, 0, 0, 0); }
.ui-input-text input, .ui-input-select label, .ui-input-select span, .ui-input-text span { font-size: 16px; margin: 0; /*min-height: 2.2em;*/ text-align: right; border: 0; background: transparent none; -webkit-appearance: none; -webkit-border-radius: inherit; border-radius: inherit; padding: 0px 10px; line-height: 38px; height: 40px; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.ui-input-text input[placeholder] { text-align: right; line-height: 1em; /*direction: rtl;*/ }
.ui-input-text ::-webkit-input-placeholder { /* WebKit browsers */ direction: rtl; }
.ui-input-text input, .ui-input-select label { font-size: 16px; color: #333; }
.ui-input-select label { position: relative; }
.ui-input-select label i { height: 15px; width: 15px; display: inline-block; background: url(http://dui88.qiniudn.com/assets/images/icon-app.png) no-repeat 5px 3px; background-size: 25px 50px; }
.ui-input-select select { display: block; position: absolute; width: 100%; opacity: 0; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 0; }
.ui-input-text span, .ui-input-select span { width: 35%; float: left; text-align: left; font-weight: bold; color: #000; }
.ui-input-text input[type="tel"], .ui-input-text input[type="text"], .ui-input-text input[type="email"], .ui-input-select label { width: 65%; float: right; }
.ui-btn { display: block; position: relative; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.radio-disabled { color: #CCC; }
.ui-radio { display: block; position: relative; padding: 0px; margin-left: -3px; margin-right: -3px; }
.ui-radio label { width: 33.3333%; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 3px 3px; }
.ui-radio label div { padding: 10px 0px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #FFF; border: 1px solid #ccc; }
.ui-radio label.r1 { float: left; }
.ui-radio label.r2 { float: left; margin-left: 3px; }
.ui-radio label.r3 { float: right; }
.ui-radio input { display: none; }
input[type="radio"], input[type="checkbox"] { margin: 3px 0.5ex; padding: initial; background-color: initial; border: initial; }

.ui-input-btn.disabled div, .ui-input-btn.lowcredits div, .ui-input-btn.unavailable div { background: #aaa; }
.ui-input-btn.secondary div { background: #aaa; }
.ui-input-btn a { text-decoration: none; }
.ui-input-btn div { font-size: 18px; display: block; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #FFF; position: relative; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.ui-input-btn input { position: absolute; top: 0; left: 0; width: 100%; font-size: 16px; display: block; padding: 12px 10px; border: 0; outline: 0; -webkit-border-radius: inherit; border-radius: inherit; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=0); opacity: .1; text-indent: -9999px; z-index: 2; }
.overlayer, .loadlayer { z-index: 100000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; bottom: 0; left: 0; right: 0; top: 0; background: rgba(0,0,0,0.8); position: fixed; }
.overbox, .ajaxbox { width: 280px; background: #FFF; position: absolute; -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.ajaxbox { width: 160px; }
.ajaxbox h3 { text-align: center; font-size: 14px; padding: 15px 0px; font-weight: normal; color: #666; }
.ajaxbox h3 img { width: 35px; margin-bottom: 5px; }

.overbox h4 { margin: 0px; padding: 0px; padding: 10px; }
.overbox div { padding: 10px; font-size: 15px; line-height: 22px; color: #555; }
.overbox div h5 { margin: 0px; padding: 0px 0px 5px; font-size: 15px; }
.overbox h3 { text-align: center; font-size: 16px; padding: 15px 0px; font-weight: normal; color: #666; }
.overbox h3 img { width: 40px; margin-bottom: 10px; }
.overbox div p { margin: 0px; padding: 0px; }
.overbox div p a { text-decoration: none; }
.overbox span { margin: 0px auto; display: block; text-align: center; padding: 10px 0px; float: none; }
.overbox span a { display: inline-block; padding: 7px 0px; width: 100px; text-decoration: none; margin: 0px 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.overbox span a.confirm { color: #FFF; }
.overbox span a.cancel { color: #333; border: 1px solid #aaa; background: #f3f3f3; -moz-box-shadow: 0px 0px 3px #fff inset; -webkit-box-shadow: 0px 0px 3px #fff inset; box-shadow: 0px 0px 3px #fff inset; }
.noScroll { overflow: hidden; }

.addWrap { width: 100%; margin: auto; position: relative; }
.addWrap .swipe { overflow: hidden; visibility: hidden; position: relative; }
.addWrap .swipe-wrap { overflow: hidden; position: relative; }
.addWrap .swipe-wrap > div { float: left; width: 100%; position: relative; }
.addWrap .swipe-wrap img { width: 100%; }
#position { padding: 0; text-align: center; position: absolute; right: 0px; left: 0px; bottom: 5px; margin: 0px; }
#position li { width: 6px; height: 6px; margin: 0; display: inline-block; -webkit-border-radius: 6px; border-radius: 6px; background-color: #AFAFAF; }
#position li.cur { background-color: #FF0000; }

.row { margin-left: 0px; margin-right: 0px; }
.col-lg-4, .col-lg-6 { float: left; position: relative; }
.col-lg-4 { width: 33.33333333333333%; min-height: 10px; padding-left: 5px; padding-right: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.col-lg-6 { width: 50%; min-height: 1px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; }
.col-lg-12 { width: 100%; overflow: hidden; position: relative; }
.panel { background: #03C; }
#load-more { text-align: center; font-size: 12px; border-top: 1px dotted #ddd; padding-top: 5px; margin-top: 5px; }
#load-more img { width: 16px; }
